html,
body {
    position: relative;
    width: 100%;
    height: 100%;
}

[v-cloak] {
    display: none;
}

a {
    cursor: pointer;
}

.table .btn {
    padding: 2px 5px;
    font-size: 14px;
    border-radius: 0px;
}

.panel-body .table td {
    font-size: 14px;
    padding: 2px;
}

.nav-img {
    display: inline-block;
    height: 50px;
    width: 250px;
    position: absolute;
    left: 0px;
    background: rgba(255, 255, 255, 0.8);
}

.nav-img img {
    width: 90%;
    height: 100%;
}

.navbar-left {
    position: absolute;
    left: 260px;
}

.nav-logo {
    margin-top: -60px;
    z-index: 100;
}

.nav-login-logo {
    width: 50px;
}

.nav-logo a {
    height: 100%;
    line-height: 50px;
    display: inline-block;
    position: absolute;
    width: 100%;
}

.navbar-brand {
    height: 50px;
}

.nav-logo .info {
    height: 100%;
    line-height: 50px;
    margin-left: 10%;
}

.nav-logo img {
    height: 50px;
    width: 85%;
    max-width: 250px;
    display: inline-block;
    position: relative;
}

.navbar-left {
    height: 50px;
    line-height: 50px;
}


/*.nav-row{
    min-width: 248px;
}*/

.navbar-left a {
    color: #fff;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-100 {
    margin-top: 100px;
}
.mt-050 {
    margin-top: -50px;
}
.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-50 {
    margin-left: 50px;
}

.mb-10 {
    margin-bottom: 10px;
}

.nav-header {
    background: #563d7c;
}

.right {
    float: right;
}


/*index.html*/

.index-panel .panel {
    height: 200px;
}

.cnt-mid {
    text-align: center;
}

.cnt-mid-head {
    width: 100%;
    height: 50px;
    border-bottom: 4px solid #563d7c;
    font-size: 14px;
    font-weight: bolder;
    line-height: 50px;
}

.cnt-mid-img {
    height: 100px;
    line-height: 100px;
}

.cnt-mid-btn {
    width: 100%;
}

.cnt-mid-btn button {
    width: 80%;
}

.cnt-mid .panel {
    background: #F7F7F9;
    border: 0px solid #563d7c;
    box-shadow: 10px 10px 5px #888888;
}


/*index-sec2*/

.cnt-sec2-head {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #563d7c;
}

.cnt-sec2-info {
    margin-top: 20px;
}


/*login.html*/

.login-panel .panel {
    height: 300px;
    width: 450px;
    position: absolute;
    right: 20%;
}

.login-panel .panel {
    background: #F7F7F9;
    border: 0px solid #563d7c;
    box-shadow: 10px 10px 5px #888888;
}

.login-panel {
    float: right;
    text-align: center;
}

.backimg {
    position: absolute;
    height: 100%;
    width: 100%;
}


/*month.html*/

.form-btn {
    float: right;
    margin-right: 10px;
}

.form-option .form-control {
    width: 70%;
    display: inline-block;
}


/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media screen and (min-width:1280px) {
    .content {
        min-height: 778px;
    }
}

@media screen and (max-width:1280px) {
    .content {
        min-height: 600px;
    }
}

.nav-header {
    color: #fff;
}


/*layout*/

iframe {
    width: 100%;
    /*min-height: 600px;*/
    /*sroll:no;*/
}

.nav-list .nav-header {
    text-indent: 1em;
}

.nav-list .active {
    background: #DDD8E5;
}


/*zhuguan.html*/

.form-select {
    width: 58%;
    display: inline-block;
}

.dropdown .btn-dropdown {
    width: 60%;
    text-align: right;
}

.dropdown .dropdown-menu {
    width: 56%;
    text-align: left;
    margin-left: 59.2px;
    max-height: 200px;
    overflow: auto;
}
.dropdown .dropdown-menu-4{
    margin-left: 95.5px;
}